.header{
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    background: #060606;
    border-bottom: 1px #3c3c3c solid;
    .header-nav{
        width: 1200px;

        margin: 0 auto;
        display: flex;
        justify-content: flex-start;
        >li{
            height: 50px;
            line-height: 50px;
            text-align: center;
            width: 250px;
            font-size: 14px;
            >a{
                color: #fff;
            }
        }
        .nav-tit{
            font-size: 18px;
            >a{
                cursor: pointer;
            }
            &.current{
                font-weight: bold;
            }
            .header-logo{
                width: 25px;
                vertical-align: sub;
                // float:right;
                margin-left: 5px;
            }
        }
    }

}

.main{
    padding: 50px 0;
    >div{
        width: 1300px;
        height: auto;
        margin: 0 auto;
        // border: 1px red solid;
    }
    .main-top{
        // background: url('../images/logo.png') no-repeat center;
        padding: 30px 0;
        text-align: center;
        .price{
            font-size: 14px;
            color: #fff;
        }
        .logo{
            vertical-align: middle;
            margin: 0 10px;
            width: 125px;
            height: 125px;
        }

        .top-l{
            float: left;
        }
        .top-r{
            float: right;
        }
        .top-box{
            width: 450px;
            display: flex;
            justify-content: space-between;
            .box-list{
                width: 200px;
                background: #282828;
                text-align: center;
                font-size: 14px;
                overflow: hidden;
                border-radius: 5px;
                color: #888888;
                font-weight: bold;
                .list-t{
                    height: 40px;
                    line-height: 40px;
                    background: #3c3c3c;
                }
                .list-b{
                    height: 50px;
                    line-height: 50px;
                }
            }
        }
    }
    .main-cen{
        overflow: hidden;
        .cen-search{
            width: 1300px;
            height: auto;
            display: flex;
            justify-content: space-between;
            font-size: 14px;
            .search-ipt{
                text-indent: 20px;
                flex: 1 1 auto;
                height: 38px;
                line-height: 38px;
                border-radius: 5px;
            }
            .search-but{
                font-size: 14px;
                background: #77b300;
                cursor: pointer;
                width: 100px;
                margin-left: 20px;
                height: 38px;
                border-radius: 5px;
                color: #fff;
                &:hover{
                    background: #558000;
                }
            }
        }
        .cen-error{
            border-radius: 5px;
            font-size: 14px;
            // color: #888888;
            text-indent: 20px;
            background: red;
            height: 40px;
            line-height: 40px;
            margin: 15px 0 0 0;
        }
        .cen-table{
            margin: 20px 0;
            .table-tips{
                font-size: 14px;
                text-align: center;
                padding: 0 0 20px 0;
            }
            .table-top{
                color: #888888;
                font-size: 14px;
                height: 40px;
                line-height: 40px;
                background: #3c3c3c;
                border-radius: 5px 05px 0 0;
                text-indent: 20px;
                font-weight: bold;
            }
            .table-layout{
                border: 1px #3c3c3c solid;
                width: 100%;
                text-align: center;
                color: #fff;
                tr{
                    height: 40px;
                    line-height: 40px;
                    &:hover{
                        &:nth-child(even){
                            background: #3c3c3c;
                        }
                    }
                    td{
                        a{
                            color: #fff;
                        }
                    }
                    th{
                    }
                }
                .layout-head{
                    font-size: 16px;
                    font-weight: bold;
                }
                .layout-cen{
                    .sussess{
                        background: #77b300;
                    }
                }
                .layout-body{
                    font-size: 14px;
                }

                .hcaseDetails{
                    >tr{
                        background: #cc0000;
                    }
                }
            }
            .table-page{
                text-align: right;
                background: #222222;
                border-radius: 0 0 5px 5px;
                .ulpages{
                    margin: 8px 0;
                }
                .page-l{}
                .page-r{
                    padding-top: 20px;
                    text-align: right;
                    >li{
                        display: inline-block;
                        color: #fff;
                        margin: 0 10px;
                        height: 20px;
                        font-size: 14px;
                        >a{
                            color: #fff;
                            display: block;
                            height: 20px;
                            line-height: 20px;
                        }
                        >input{
                            width: 40px;
                            height: 20px;
                            line-height: 20px;
                            text-align: center;
                            vertical-align: middle;
                        }
                        >button{
                            vertical-align: middle;
                            height: 20px;
                            line-height: 20px;
                            width: 50px;
                        }
                    }
                }

            }

            .table-details{
                padding: 30px 0;
                .details-l{
                    float: left;
                }
                .details-r{
                    float: right;
                }
                .details-box{
                    border: 1px #3c3c3c solid;
                    overflow: hidden;
                    border-radius: 5px;
                    width: 640px;
                    font-size: 14px;
                    >div{
                        text-indent: 15px;
                        line-height: 40px;
                        height: 40px;
                        border-top: 1px #3c3c3c solid;
                        overflow: hidden;
                        font-size: 12px;
                        .addressl{
                            float: left;
                        }
                        .addressr{
                            float: right;
                            width: 20%;
                            text-align: center;
                            text-indent: initial;
                        }
                    }
                    .ls-top{
                        background: #3c3c3c;
                        color: #888888;
                    }
                    .ls-address{
                        color: #fff;
                        background: #181818;
                        >span{

                        }
                    }
                    .ls-put{
                        color: #fff;
                        a{
                            color: #fff;
                        }
                        .addressr{

                        }
                        .input{
                            font-size: 14px;
                            font-weight: lighter;
                        }
                        .onlydesc{
                            text-align: center;
                            display: block;
                            background: #9933cc;
                        }
                    }
                }
            }
            .tabs{
                overflow: hidden;
                display: flex;
                justify-content: space-between;
                .tabs-box{
                }
                .box-l{
                    width: 85%;
                }
                .box-r{
                    width: 15%;
                    text-align: right;
                    .address-code{
                        margin: 0 auto;
                        width: 125px;
                        height: 125px;
                    }
                }
            }
        }
        .table-box{
            padding: 25px 0;
            .box-nav{
                height: 40px;
                line-height: 40px;
                >span{
                    display: inline-block;
                    width: 100px;
                    text-align: center;
                    cursor: pointer;
                    color: #fff;
                    &.current{
                        background: #2a9fd6;
                    }
                }
            }
            .box-table{
                .box-l{
                    float: left;
                    width: 800px;
                }
                .box-r{
                    float: right;
                    width: 350px;
                    .table-wealth{
                        font-size: 14px;
                        color: #fff;
                        border: 1px #3c3c3c solid;
                        width: 100%;
                        text-align: center;
                        tr{
                            height: 40px;
                        }
                    }
                }
                .table-tit{
                    border-radius: 5px 5px 0 0;
                    text-indent: 20px;
                    height: 40px;
                    line-height: 40px;
                    font-size: 16px;
                    color: #888;
                    background: #3c3c3c;
                }
            }
            .table-top{
                width: 100%;
                text-align: center;
                border: 1px #3c3c3c solid;
                tr{
                    height: 40px;
                    th,td{
                        color: #fff;
                        font-size: 14px;
                    }
                }
                .table-head{

                }
                .table-cen{

                }
            }
        }
    }
}

.input{
    background: #77b300;
}
.output{
    background: #cc0000;
}
.others{
    background: #9933cc;
}
.footer{
    border-top: 1px #3c3c3c solid;
    width: 100%;
    position: fixed;
    bottom: 0;
    background: #060606;
    .footer-box{
        width: 1200px;
        height: 50px;
        margin: 0 auto;
        line-height: 50px;
        color: #fff;
        display: flex;
        justify-content: space-between;
        >div{

        }
        .box-r{
            span{
                background: #424242;
                border-radius: 3px;
                padding: 2px 5px;
            }
        }
    }
}

.v-table-loading{
    background: rgba(0,0,0,.5);
}
.loading{
    position: relative;
    &::after{
        position: absolute;
        top: 0;
        content: '';
        display: block;
        width: 100%;
        height: 505px;
        background: rgba(0,0,0,.5);
    }
    &::before{
        position: absolute;
        top: 0;
        content: '';
        display: block;
        width: 100%;
        height: 505px;
        background: url('../assets/tail-spin.svg') no-repeat center;
    }
}
